import React from 'react'
import { storiesOf } from '@storybook/react'
import withReadme from 'storybook-readme/with-readme'
import Readme from './README.md'
import { withKnobs, text } from '@storybook/addon-knobs/react';
import ErrorContainer from '.';

storiesOf('Components| ErrorContainer', module)
    .addDecorator(withKnobs)
    .addDecorator(withReadme(Readme))
    .add('base', () => (
        <ErrorContainer 
            headerText={text("headerText", "Error 404. Page not found")}
            bodyText={text("bodyText", "This page was removed, renamed or doesn’t exist anymore.")}
            buttonText={text("buttonText", "Return to homepage")}
            buttonUrl={text("buttonUrl", "/")}
        />
    ));